<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Prosessing Clock - Default Theme</title>
		<meta name="keywords" content="Prosessing,Clock,Adobe AIR,Ajax/HTML,Mootools,ProsessingAS" />
		<meta name="description" content="Prosessing Clock - Adode AIR Application" />
		<meta http-equiv="Content-Language" content="ja" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<script type="text/javascript" src="../../../libraries/mootools/mootools-1.2.3-core.js"></script>
		<script type="text/javascript" src="../../../libraries/processing/processing.js"></script>
		<script type="text/javascript">
			window.addEvent("load", function() {

				var canvas = $("warpper").getElement("canvas");
				Processing(canvas, $("code").get("value"));

			});
		</script>
		<style type="text/css">
			#warpper {
				background: #ffffff;
			}
		
		</style>
	</head>
	<body>
		<div id="warpper">
			<canvas width="600" height="150"></canvas>
			<form action="#">
				<p><textarea id="code" name="code" cols="50" rows="15">
	PImage flower;

	flower = loadImage("images/data.png");

	
	void setup() {
	  size(300, 150);
	  noLoop();
	  smooth();
	  background(#ffffff);
	  noStroke();
	}
	
	void draw() {
		rect(0,0,100,100);
		image(flower, 0, 0);
	}
				</textarea></p>
				<p><input id="p" type="button" name="p" value="run" /></p>
				<img id="images/data.png" src="images/data.png" />
			</form>

		</div>
	</body>
</html>
